import { message } from 'ant-design-vue'
import axios, {
  type AxiosInstance,
  type AxiosRequestConfig,
  type AxiosResponse,
  type AxiosError,
} from 'axios'
import Storage from '~/utils/storage'

// 响应数据接口
interface ResponseData<T> {
  code: number
  data: T
  message: string
}

// 自定义请求配置
interface CustomRequestConfig extends AxiosRequestConfig {
  // 是否显示错误提示
  showError?: boolean
  // 是否显示加载提示
  showLoading?: boolean
}

// 创建 axios 实例
const createAxiosInstance = (): AxiosInstance => {
  return axios.create({
    timeout: 15000, // 请求超时时间
    headers: {
      'Content-Type': 'application/json;charset=UTF-8',
    },
  })
}

const service: AxiosInstance = createAxiosInstance()

// 请求拦截器
service.interceptors.request.use(
  (config) => {
    // 在请求发送之前做些什么
    // 可以在这里添加 token
    const token = Storage.get('token')
    if (token) {
      config.headers.Authorization = token
    }

    return config
  },
  (error: AxiosError) => {
    // 请求错误处理
    console.error('请求错误:', error)
    return Promise.reject(error)
  },
)

// 请求重试机制
const retryRequest = async (
  error: AxiosError,
  retries: number = 3,
  delay: number = 1000,
): Promise<any> => {
  const { config } = error
  if (!config || retries <= 0) {
    return Promise.reject(error)
  }

  // 记录重试次数
  config._retryCount = config._retryCount || 0
  config._retryCount++

  // 只重试网络错误和超时错误
  if (
    error.message.includes('Network Error') ||
    error.message.includes('timeout') ||
    (error.response && [500, 502, 503, 504].includes(error.response.status))
  ) {
    // 等待一段时间后重试
    await new Promise((resolve) => setTimeout(resolve, delay * config._retryCount))
    // 重新请求
    return service(config)
  }

  return Promise.reject(error)
}

// 响应拦截器
service.interceptors.response.use(
  (response: AxiosResponse) => {
    const { data } = response

    // 根据业务状态码判断
    if (data.code === 200 || data.code === 0) {
      return data
    }

    // 业务错误处理
    console.error('业务错误:', data.message)
    return Promise.reject(new Error(data.message || '请求失败'))
  },
  (error: AxiosError) => {
    // 响应错误处理
    const { response } = error

    if (response) {
      // 根据 HTTP 状态码处理
      switch (response.status) {
        case 401:
          console.error('未授权,请重新登录')
          message.error('未授权,请重新登录')
          // 可以跳转到登录页
          setTimeout(() => {
            window.location.href = '/login'
          }, 1000)
          break
        case 403:
          console.error('拒绝访问')
          break
        case 404:
          console.error('请求资源不存在')
          break
        default:
          console.error(`连接错误: ${response.status}`)
      }
    } else {
      // 网络错误
      if (error.message.includes('timeout')) {
        console.error('请求超时')
      } else if (error.message.includes('Network Error')) {
        console.error('网络错误')
      } else {
        console.error('未知错误')
      }
    }

    // 请求重试
    return retryRequest(error)
  },
)

// 封装请求方法
class Request {
  /**
   * GET 请求
   */
  get<T>(url: string, config?: CustomRequestConfig): Promise<ResponseData<T>> {
    return service.get(url, config)
  }

  /**
   * POST 请求
   */
  post<T>(url: string, data?: T, config?: CustomRequestConfig): Promise<ResponseData<T>> {
    return service.post(url, data, config)
  }

  /**
   * PUT 请求
   */
  put<T>(url: string, data?: T, config?: CustomRequestConfig): Promise<ResponseData<T>> {
    return service.put(url, data, config)
  }

  /**
   * DELETE 请求
   */
  delete<T>(url: string, config?: CustomRequestConfig): Promise<ResponseData<T>> {
    return service.delete(url, config)
  }

  /**
   * PATCH 请求
   */
  patch<T>(url: string, data?: T, config?: CustomRequestConfig): Promise<ResponseData<T>> {
    return service.patch(url, data, config)
  }
}

// 导出请求实例
export const request = new Request()

// 导出 axios 实例(用于特殊场景)
export default service
